import React, {Component, PropTypes} from 'react'
import {withRouter,Link} from 'react-router'

const links = [
  {name: '我的任务', url: 'task-list', icon: 'icon-myTask'},
  {name: '预算表单模块', url: 'budget-list', icon: 'icon-yusuan2'},
  {name: '报表表单管理', url: 'report-module', icon: 'icon-baobiao'},
]

@withRouter
export default class Index extends Component {

  render() {
    return (
        <div>
            <header className="mui-bar mui-bar-nav">
                <a className="mui-icon mui-icon-left-nav mui-pull-left" onClick={() => history.back()}/>
                <h1 className="mui-title">全面预算管理</h1>
            </header>
            <div className="mui-content">
                <div className="container">
                    {links.map(link =>
                        <Link className={"entry-link iconfont " + link.icon} key={link.url} to={link.url}>
                            <span className="text">{link.name}</span>
                        </Link>
                    )}
            </div>
        </div>
      </div>
    );
  }
}
